<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<pre>
  解决跨域【CORS error】--- Cross-Origin Resource Sharing error

  跨域是浏览器才有的行为

  例如当前都是8080接口---访问8081接口

  1. 添加响应头解决跨域
      eg: java 【允许http://127.0.0.1:8081接口访问我这里（也可以是*，代表所有接口）】
        response.addHeader("Access-Control-Allow-Origin","http://127.0.0.1:8080")

  2. 手写反向代理
      8080页面访问8080的接口，8080的接口在访问8081的接口，获得数据再返回

  3. nginx配置反向代理，解决跨域

  4. jsonnp解决跨域【只支持get】
     使用了script标签的跨域能力，
<!--     <script src="http://127.0.0.1:8081/getDate"></script>-->
  定义一个js方法,script返回的方法会调用
  function getDate(data){
  console.log(data)
  }
  上面接口就会访问8081的getDate
  此时我们在8081定义一个getDate的访问路径
   @RequestMapping(value = "/getDate",method= RequestMethod.GET)
    @ResponseBody
    public String getDate() {
        String mgs = 'fuxing';
        return "getDate('"+mgs+"')";
    }



</pre>
<button id="button">test</button>

</body>
<script src="https://cdn.staticfile.org/jquery/2.0.0/jquery.min.js"></script>
<script>
    // $('#button').click(function (){
    //     console.log(JSON.stringify({}))
    //     $.get('http://localhost:8080/fuxing/getDate',function (data){
    //         console.log(JSON.stringify(data))
    //     })
    // })
    function getDate(data){
        console.log(data)
    }
</script>
<script src="http://localhost:8080/fuxing/getDate"></script>
</html>